<template>
  <div class="userPersonal">
    <mtHeader
      fixed
      :title=userName
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
        <div slot="right" @click="submit">提交</div>
    </mtHeader>
    <div class="container">
        <div class="personal">
            <div class="personal-cn1">
                <div class="personal-img">
                    <img :src=headImg alt="">
                </div>
                <div class="personal-rig">
                    <div class="per-con">
                        <div class="per-con-cn1">
                            <div class="per-con-cn1-num">8877</div>
                            <div class="per-con-cn1-huozan">获赞</div>
                        </div>
                        <div class="per-con-cn1">
                            <div class="per-con-cn1-num">8877</div>
                            <div class="per-con-cn1-huozan">粉丝</div>
                        </div>
                        <div class="per-con-cn1">
                            <div class="per-con-cn1-num">8877</div>
                            <div class="per-con-cn1-huozan">关注</div>
                        </div>
                    </div>
                    <button class="btn">关注</button>
                </div>
            </div>
            <div class="personal-info">{{SelfIntroduction}}</div>
        </div>
        <div class="line-w"></div>
        <post :postList="postList"></post>
    </div>
  </div>
</template>
<script>
import { Header,Button  } from "mint-ui";
import post from '../../../components/post'
export default {
  name: "feedback",
  components: {
    mtHeader: Header,
    mtButton:Button,
    post
  },
  data: function() {
    return {
      title: "",
      SelfIntroduction:'我是一句自我介绍，只有一句的自我介绍',
      userName:'刘希夷9527',
      headImg:'/static/img/header.png',
      postList:[
        {userName:'刘希依9527',date:'十分钟前',imgUrl:'/static/img/header.png',
        content:'今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定',
        
        },
        {userName:'刘希依9527',date:'十分钟前',imgUrl:'/static/img/header.png',
        content:'今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定',
        videoUrl:'dff',zanNum:177,plNum:103,fxNum:17,title:'国际米兰'
        },
        {userName:'刘希依9527',date:'十分钟前',imgUrl:'/static/img/header.png',
        content:'今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定',
        videoUrl:'dd',zanNum:177,plNum:103,fxNum:17
        }
      ]
    };
  },
  methods: {
    submit(){

    },
    
  }
};
</script>
<style lang="less" scoped>
@import url('~styles/common.less');
</style>